<link href="__CSS__/toastr.css" rel="stylesheet"/>
<script src="__JS__/toastr.js"></script>
<style>
    .like_selection{
        width: 20px;height: 20px;cursor: pointer;
    }

    .dislike_selection{
        margin-top:30%;width: 20px;height: 20px;cursor: pointer;
    }

    .like_count{
        position: absolute;top: 0%;
    }

    .dislike_count{
        position: absolute;top: 50%;
    }
</style>


<div style="width:-webkit-max-content;float:left;margin:0px 30px 10px 30px;"><!--满足flex布局的元素块-->

    <div style="position: relative;height: 100px;" class="oneMsg">


        <div onclick=" toastr.warning('在公开画布页面不可以修改哦~若修改请进入组内画布页面');"  >
            <textarea disabled  id="record_{$r.id}" class="record_area">{$r.contents}</textarea>
        </div>

        <!--<div class="username_block" style="position:absolute;top:-10%;/*background: url('__IMG__/user_tag.jpg')*/">
            <p >〇&nbsp;<b>{$r.usr_name}</b></p>
        </div>-->

        {if condition="$prjInfo['tool_type'] == '共感图'"}

            <!--点赞、点踩part-->
            <div style="position: absolute;top: 30%;left: 100%;">
            {include file="index/favor_system_template" /}

            <script>
                var recordId = '{$r.id}';
                $('#record_'+recordId).css('background-color','white');
            </script>
        {/if}


        {if condition="$prjInfo['tool_type'] == '四象限法'"}
        {if condition="$t.type_name == '可行性高(容易开发)&价值高' OR $t.type_name == '紧急&重要'"}
                <!--点赞、点踩part-->
                <div style="position: absolute;top: 30%;left: 100%;">
                {include file="index/favor_system_template" /}


        {else/}
        <script>
            var recordId = '{$r.id}';
            $("#record_" + recordId).css('background-color','#eeeeee');
            $("#record_"+recordId).css('color','#999999');
            $('#record_'+recordId).css('background-image','none');
        </script>
        {/if}
        {/if}
    </div>


</div>
